import React from 'react';

interface UserCardProps {
  name: string;
  role: string;
}

export const UserCard: React.FC<UserCardProps> = ({ name, role }) => {
  return (
    <div className="user-card" style={{
      border: '1px solid #eaeaea',
      borderRadius: '8px',
      padding: '16px',
      margin: '16px 0',
      backgroundColor: '#f9f9f9',
      boxShadow: '0 2px 4px rgba(0,0,0,0.05)'
    }}>
      <h3 style={{ margin: '0 0 8px 0' }}>{name}</h3>
      <p style={{ margin: 0, color: '#666' }}>{role}</p>
    </div>
  );
};